<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <!--虽然绑定传值了，但是没传过去~-->
  <!--<Wind v-bind:cMsg="msg"></Wind>-->

  <!--驼峰命名这样才可以-->
  <Wind v-bind:c-msg="msg"></Wind>

</div>
<template id="cpn">
  <div>
    <p>{{cMsg}}</p>
    <p>{{cMsg}}</p>
  </div>
</template>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  Vue.component("Wind", {
    template: "#cpn",
    props: {
      cMsg: {
        type: String,
        default() {
          return "我是默认值，你没传值过来~~~"
        }
      }
    }
  })
  var vm = new Vue({
    el: '#app',
    data: {
      msg: "你好Vue"
    }
  })
</script>
</body>
</html>